
%storeGroup{
  background: #fff;
  border-radius: 20rpx;
  margin-bottom: 20rpx;
  padding:30rpx 20rpx;
  position: relative;
  .title{
      font-size: 30rpx;
      color:#000;
      font-weight: 500;
      margin-bottom: 30rpx;
  }
  .list{
    display: flex;
    align-items: center;
    padding: 0 10rpx;
    margin-bottom: 40rpx;
    &:last-child{
      margin-bottom: 0;
    }
  }
  .item{
    width: 100rpx;
    text-align: center;
    margin: 0 30rpx;
    image{
      width: 44rpx;
      height: 44rpx;
      display: block;
      margin: 0 auto 25rpx;

    }
    .text{
      font-size: 24rpx;
      color:#333;
      
    }
  }
}


.store{
     &-manage{
        min-height: 100vh;
        background: #f5f5f5;

       .top-bg{
         background:$my-main-color;
         height: 200rpx;
         position: absolute;
         left:0;
         top:0;
         right:0;
         z-index: 1;
       }

       .my-store{
        @extend %storeGroup;
       }

     }
     &-container{
        margin: 0 20rpx;
        padding-top: 40rpx;
        position: relative;
        z-index: 2;
        
     }

    
     &-wallet{
      display:flex;
      justify-content: space-between;
      @extend %storeGroup;
      background:#fff;
      padding: 30rpx;
      border-radius: 20rpx;
      align-items: center;
     
      .label{
          font-size: 30rpx;
          font-weight: 500;
          color:#000;
      }
      .money{
        color:$my-main-color;
        font-size: 48rpx;
     
      }
     }

}

